<template>
  <div>
    父组件: 
    <!-- 2. 在使用组件时,使用双标签,在标签之间写的内容会替换到slot的位置上 -->
    <!-- 子组件: <SonCom><h3>我就是slot占位的地方</h3> </SonCom><br/>
    子组件: <SonCom></SonCom> -->
    <!-- 具名插槽的使用 -->
    <!-- 使用template标签  +  v-slot:插槽名子 内部可以随意写内容或标签 -->
    <SonCom>
      <template v-slot:head>
        手动狗头  
      </template>  
      <template v-slot:body>
        我是身体  
      </template>  
      <template v-slot:footer>
        55码大脚
        <button>确定</button>  
      </template>  
    </SonCom><br/>
    <SonCom>
      <template #head>
        <h3>普通的标题</h3>
      </template>  
      <template #body>
        我是身体11111  
      </template>  
      <template #footer>
        25码大脚
        <button>关闭</button>  
      </template>  
    </SonCom>
  </div>
</template>

<script>
import SonCom from './components/SonCom'
export default {
  name: "App",
  components: {
    SonCom
  }
}
</script>

<style>

</style>